﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="wfDjackRecommend.aspx.cs" Inherits="msBsc.WebUi.wMall.Public.wfDjackRecommend" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="地接客，旅游，旅游包车专家" />
    <title>地接客推荐
    </title>
    <link href="/themes/wStyle1/css/sLayout.css" rel="stylesheet" />
    <link href="/themes/wStyle1/css/sHead.css" rel="stylesheet" />
    <link href="/themes/wStyle1/css/sFoot.css" rel="stylesheet" />
    <link href="/themes/wStyle1/css/Public/sDjackRecommend.css" rel="stylesheet" />
    <link href="/themes/wStyle1/css/pagination.css" rel="stylesheet" />
    <link href="/themes/wStyle1/css/Seller/sForumList.css" rel="stylesheet" />
</head>
<body>
    <div class="wf_all">
        <input type="hidden" id="djackId" />
        <div id="divLoginInfo">
            <%=msBsc.WebUi.Code.QtHtmlGet.GetHeaderLoginInfo() %>
        </div>
        <div id="container">
            <div id="main-content">
                <div class="contentInfo">
                    <div class="title">
                        <input type="hidden" id="djackNameId" value="" />

                        <div class="row-fluid">
                            <div class="headPortrait">
                                <img id="headImg" />
                            </div>
                            <div class="userCoent">
                                <div class="row-fluid" id="userInfo">
                                    <a class="userName" href="/PageShow/DjackInfo" id="djackName"></a>
                                    <img id="sex" class="sex" />
                                </div>
                                <div class="row-fluid">
                                    <div class="region" id="area" style="display:none">
                                    </div>
                                </div>
                                <div class="row-fluid">
                                    <div class="userInfo" id="userIntroduction">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row-fluid menuInfo">
                            <a id="djackVehicle" class="checkMenu" href="#" style="margin-right: 13px;">旅游包车</a>
                            <a class="menu" style="margin-right: 13px;">旅游推介</a>
                            <a id="djackInfo" class="checkMenu" href="/PageShow/DjackInfo/">个人中心</a>
                        </div>
                        <div class="row-fluid" id="recommend" style="width: 100%">
                            <%--<div id="recommendInfo">
                            </div>--%>
                            <div class="formList" style="height: auto;">
                                <table id="forumInfo">
                                </table>
                                <xmp id="svc_list_temp" style="display: none">
                        {{#for(var i=0,len=d.rows.length;i < len;i++){ }}
                            <tr><td class='djackImg'><a target='_blank'><img src='{{d.rows[i].CUSTOMER_DEFAULT_PIC}} 67x60img.jpg' title="{{d.rows[i].CUSTOMER_NICK}}" /></a></td><td class='forumName'><a target='_blank' href='/wp_ForumInfo.htm?forumId={{d.rows[i].SOURCE_POSTS_ID}}'>{{d.rows[i].SOURCE_POSTS_TITLE}}</a></td><td class='forumTime'>{{d.rows[i].POSTS_PUBLISH_TIME}}</td></tr>
                        {{#} }}
                            </xmp>
                            </div>
                            <div class="jpage" id="divPage"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!--start JS引用-->
        <script src="/jqPlugin/js/jquery-1.8.3.min.js"></script>
        <script src="/jqPlugin/js/jBase.js"></script>
        <script src="/jqPlugin/js/jBPage.js"></script>
        <script src="/jqPlugin/js/laytpl.js"></script>
        <script src="/themes/wStyle1/js/comm/VerifyJs.js"></script>
        <script src="/themes/wStyle1/js/comm/jsPagination.js"></script>
        <!--end JS引用-->
        <script type="text/javascript">


            (function () {
                var djackId = GetQueryStr('djackId');
                $("#djackId").val(djackId);
                $("#djackVehicle").attr("href", "/wp_DjackVehicle.htm?djackId=" + djackId);
                $("#djackInfo").attr("href", "/wp_DjackInfo.htm?djackId=" + djackId);
            })()

            function btnDo(sEbtn) {
                GtGrid1Action = sEbtn;
                var opart = GetGtParam();
                ajaxComm(opart);
            };

            var pIndex = 1;
            var pageSize = 10;

            //执行AJAX调用时获取参数
            function GetGtParam() {
                var _jsParam = new jsonRow();
                _jsParam.AddCell("djackId", $("#djackId").val());
                _jsParam.AddCell("pIndex", pIndex);
                _jsParam.AddCell("pRows", pageSize);
                _jsParam.AddCell("ACTION", GtGrid1Action);
                return _jsParam;
            };

            function goPage(Index) {
                var _jsParam = new jsonRow();
                _jsParam.AddCell("djackId", $("#djackId").val());
                _jsParam.AddCell("pIndex", Index);
                _jsParam.AddCell("pRows", pageSize);
                _jsParam.AddCell("ACTION", "gopage");
                ajaxComm(_jsParam);
            }

            btnDo("djackInfo");

            function setDjackInfo(data) {
                $("#headImg").attr("src", data.rows[0].CUSTOMER_DEFAULT_PIC + " 197x197img.jpg");
                $("#djackName").text(data.rows[0].CUSTOMER_NICK);
                if (data.rows[0].CUSTOMER_BASEINFO_GENDER == "M" || data.rows[0].CUSTOMER_BASEINFO_GENDER == "F") {
                    var SexSrc = data.rows[0].CUSTOMER_BASEINFO_GENDER == "M" ? "/themes/wStyle1/Images/Public/man.png" : "/themes/wStyle1/Images/Public/woman.png";
                    $("#sex").attr("src", SexSrc);
                }
                $("#userIntroduction").text(data.rows[0].CUSTOMER_BASEINFO_INTRO);
                $("#area").text(data.rows[0].P_COUNTRY_NAME + " | " + data.rows[0].P_CITY_NAME + " | " + data.rows[0].P_DISTINATION_NAME);
                var lable = data.rows[0].SERVICE_LABEL;
                var arrLable = lable.split("|");
                $("#userInfo .lable").remove();
                if (!IsNull(arrLable)) {
                    arrLable.sort();
                    for (var i = 0; i < arrLable.length; i++) {
                        if (arrLable[i] == "1") {
                            $("#userInfo").append("<img class='lable' src='/themes/wStyle1/Images/Public/careful.png' />");
                        } else if (arrLable[i] == "2") {
                            $("#userInfo").append("<img class='lable' src='/themes/wStyle1/Images/Public/drawUp.png' />");
                        } else if (arrLable[i] == "3") {
                            $("#userInfo").append("<img class='lable' src='/themes/wStyle1/Images/Public/rouristGuide.png' />");
                        } else if (arrLable[i] == "4") {
                            $("#userInfo").append("<img class='lable' src='/themes/wStyle1/Images/Public/Guide.png' />");
                        }
                    }
                }
                //doBoundContent(data.rows[0].ADVICE_HTML_URL);
            }
            function doBoundContent(_shopurl) {
                if (_shopurl != null && _shopurl != undefined && _shopurl != '') {
                    jQuery.loadHtml(_shopurl).done(function (_rethtml) {
                        var tpl = HtmlUtil.htmlDecode(_rethtml);
                        $("#recommendInfo").html(tpl);
                    });
                }
            };
        </script>
        <%=msBsc.WebUi.Code.QtHtmlGet.GetFloorHtml() %>
    </div>
</body>
</html>
